/* div#ctl00_CustomWrapper {
    width: 75vw;
    margin-left: 12%;
} */

@font-face {
    font-family: "Inter-Bold";
    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Inter-Medium";
    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Medium.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Inter-Regular";
    src: url("https://images.hanlonsonline.co.uk/Camden Portal Demo/fonts/Inter-Regular.ttf");
    font-weight: 700;
    font-style: normal;
}

h1 {
    color: #000;
    font-size: 48px;
    font-family: "Inter-Bold";
}

p {
    font-size: 19px;
    color: #333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5em !important;
}

.homepageRegistration {
    margin-left: 30px;
}

p.text-one {
    color: #000;
    font-family: 'Inter-Regular';
    font-size: 24px !important;
    padding-top: 30px;
}

p.text-two {
    color: #000;
    font-family: 'Inter-Regular';
    font-size: 18px !important;
}


/* 
.content-box {
    border: 2px solid #AE094A;
    padding: 20px;
} */

a#btn1 {
    margin-top: 128px;
}

a#btn2 {
    margin-top: 30px;
}

a#btn3 {
    margin-top: 3px;
}

.link-panel {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 3px solid #d31568;
    background-color: #dee0e3;
    min-height: 380px;
    width: 90%;
    margin-left: 30px;
}

table {
    background-color: transparent;
    width: 100% !important;
}

th {
    background: #203C87;
    color: #FFF;
    padding: 10px;
}

th#placeOne {
    background: transparent;
    color: #000;
    padding: 10px;
    font-weight: normal;
}

tr#rowOne {
    background: #DDE3EF;
}

th#placeTwo {
    background: transparent;
    color: #000;
    padding: 10px;
    font-weight: normal;
}

tr#rowTwo {
    background-color: #ecf0f1;
}

th#placeThree {
    background: transparent;
    color: #000;
    padding: 10px;
    font-weight: normal;
}

tr#rowThree {
    background: #DDE3EF;
}

th#placeFour {
    background: transparent;
    color: #000;
    padding: 10px;
    font-weight: normal;
}

tr#rowFour {
    background-color: #ecf0f1;
}

th#placeFive {
    background: transparent;
    color: #000;
    padding: 10px;
    font-weight: normal;
}

tr#rowFive {
    background: #DDE3EF;
}

.vacancy-panel-description {
    content-visibility: hidden;
}

.vacancy-panel-title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #203C87;
}

.vacancy-panel-type {
    text-align: center;
    font-weight: 600;
    line-height: 24px;
    color: #203C87;
}

.vacancy-panel-address {
    text-align: center;
    font-weight: 600;
    line-height: 24px;
}

.vacancy-panel-salary {
    text-align: center;
    font-weight: 600;
    line-height: 24px;
}

.vacancy-panel-closingdate {
    text-align: center;
    font-weight: 600;
    line-height: 24px;
}

a.btn.btn-primary.vacancy-panel-applybutton {
    margin-left: 35%;
}

.panel-body.vacancy-panel-body {
    background: #203c8752;
    border-radius: 16px;
    border-bottom: 3px solid #d31568;
}

.panel.vacancy-panel {
    background-color: transparent !important;
}

img#imgOne {
    width: 300px !important;
    margin-top: 80px !important;
}

img#imgTwo {
    /* margin-top: 80px !important; */
    width: 300px !important;
}

img#imgThree {
    margin-top: 100px !important;
    width: 300px !important;
}

div#panelProvider {
    border-bottom: 3px solid #d31568 !important;
}

p.clientReg {
    font-size: 24px !important;
}

p.enterpriseReg {
    font-size: 24px !important;
}

p.providerReg {
    font-size: 24px !important;
}

img.sCaseStudy {
    margin-right: 10px;
}

img.sCaseStudyTwo {
    margin-left: 10px;
}

a#loginBtn {
    padding: 10px;
    width: 100px;
    margin-left: 13.7%;
    list-style: none;
    text-align: center;
    font-size: 16px;
    background: #00a6e0 !important;
}

a#registerBtn {
    padding: 10px;
    width: 100px;
    list-style: none;
    text-align: center;
    background: #00a6e0 !important;
    font-size: 16px;
}

div#NewsletterSubscriptionSection {
    padding: 20px;
}

img#backgroundImage {
    width: 100%;
}

.text {
    position: absolute;
    left: 16px;
    padding-top: 20px;
}

.carousel-inner {
    margin-top: -1px;
}

div#sectionTwo {
    padding: 30px;
}

h1.title-one {
    font-family: 'Inter-Bold';
    font-size: 32px;
    margin-top: 46px;
    margin-left: 5px;
}
h1.title-one a {
    color: #003E90 !important;
    text-decoration: none;
}
h1.title-two {
    font-family: 'Inter-Bold';
    font-size: 32px;
    margin-top: 42px;
    margin-left: 0px;
}
h1.title-two a {
    color: #003E90 !important;
    text-decoration: none;
}
h1.title-three {
    font-family: 'Inter-Bold';
    font-size: 32px;
    margin-top: 42px;
    margin-left: 0px;
}
h1.title-three a {
    color: #003E90 !important;
    text-decoration: none;
}
h1.title-four {
    font-family: 'Inter-Bold';
    font-size: 32px;
    margin-top: 42px;
    margin-left: 0px;
}
h1.title-four a {
    color: #003E90 !important;
    text-decoration: none;
}
img.apprenticeships {
    width: 100%;
}

div#sectionTwo {
    padding: 35px;
}

.panel-one {
    border: 3px solid #003e90;
    padding: 30px;
    background: #f2f5f9;
    min-height: 320px;
    border-radius: 48px;
}

.panel-two {
    border: 3px solid #003e90;
    padding: 30px;
    background: #f2f5f9;
    min-height: 320px;
    border-radius: 48px;
}

.panel-three {
    border: 3px solid #003e90;
    padding: 30px;
    background: #f2f5f9;
    min-height: 326px;
    border-radius: 48px;
}

.panel-four {
    border: 3px solid #003e90;
    padding: 30px;
    background: #f2f5f9;
    min-height: 326px;
    border-radius: 48px;
}

a#button1 {
    background: #003E90;
    color: #fff;
    font-family: 'Inter-Regular';
    width: auto !important;
    padding: 15px;
    margin-top: 50px;
}

a#button2 {
    background: #003E90;
    color: #fff;
    font-family: 'Inter-Regular';
    margin-top: 9%;
    width: auto !important;
    padding: 15px;
}

a#button3 {
    background: #003E90;
    color: #fff;
    font-family: 'Inter-Regular';
    width: auto !important;
    margin-left: 20px;
    padding: 15px;
    margin-top: 50px;
}

a#button4 {
    background: #003E90;
    color: #fff;
    font-family: 'Inter-Regular';
    width: auto !important;
    padding: 15px;
}

img.job-hub {
    mix-blend-mode: multiply
}

img.esc {
    width: 200px;
}

img.apprenticeships {
    width: 100%;
    mix-blend-mode: multiply;
}

img.employers-icon {
    width: 50%;
    margin-left: 22%;
    margin-top: -7%;
}
img.ibn-icon {
    width: 65%;
    mix-blend-mode: multiply;
    margin-left: 4rem;
}
h1.title-five {
    font-size: 24px;
    margin-top: 3.5rem;
}
a.ibn-link {
    color: #003E90 !important;
    text-decoration: none;
    top: -1.5rem;
    position: relative;
}
img.ibn-icon {
    width: 65%;
    mix-blend-mode: multiply;
    margin-left: 3rem;
}

@media (min-width:1536px) and (max-width:1920px) {
    img.homepage-banner {
        width: 100%;
    }

    img.homepage-image {
        width: 100%;
    }

    div#sectionOne {
        padding-left: 250px !important;
        padding-right: 250px !important;
    }

    div#sectionTwo {
        padding-left: 250px;
        padding-top: 20px;
        padding-right: 250px;
    }

    div#sectionThree {
        padding-left: 250px;
        padding-right: 250px;
    }

    img.esc {
        width: 50%;
        margin-left: 55px;
    }

    img.homepage-image-two {
        width: 100%;
        padding-bottom: 20px;
    }

    h1.title-one {
        font-size: 24px;
        margin-top: 60px;
    }

    h1.title-two {
        font-size: 24px;
        margin-top: 65px;
    }

    h1.title-three {
        font-size: 24px;
        margin-left: 0px;
        margin-top: 20px;
    }

    h1.title-four {
        font-size: 24px;
        margin-top: 9%;
    }

    a#button1 {
        width: 30%;
    }

    a#button2 {
        width: 30%;
    }

    img.job-hub {
        width: 100%;
    }
}

@media (min-width:1778px) and (max-width:1831px) {
    div#sectionOne {
        width: 100%;
    }

    img.homepage-image {
        width: 80%;
        margin-left: 15%;
    }

    img.homepage-banner {
        width: 100%;
    }
}

@media (min-width:1700px) and (max-width:1778px) {
    img.homepage-image {
        width: 100%;
    }

    img.homepage-image-two {
        width: 100%;
    }
}

@media only screen and (max-width: 1536px) {
    img.homepage-image {
        width: 100%;
    }

    img.homepage-image-two {
        width: 100%;
    }

    div#sectionThree {
        padding-bottom: 30px;
    }

    img.esc {
        width: 50%;
        margin-left: 37px;
    }

    img.apprenticeships {
        width: 100%;
        mix-blend-mode: multiply;
        margin-left: 4%;
    }

    a.apprenticeship-link {
        margin-left: 0%;
    }
    div#sectionThree {
        padding: 35px;
    }
    p#employers {
    font-size: 18px !important;
}
}

@media (min-width:1441px) and (max-width:1535px) {
    h1.title-four {
        font-size: 32px;
        margin-top: 10%;
    }

    .panel-three {
        margin-left: 35px;
    }

    .panel-four {
        margin-right: 35px;
    }

    h1.title-three {
        font-size: 32px;
        margin-top: 30px;
    }

    a#button3 {
        margin-left: 0px;
    }

    h1.title-four {
        font-size: 32px;
        margin-top: 27%;
    }
}

@media only screen and (max-width: 1440px) {
    img.homepage-banner {
        width: 100%;
    }

    .panel-three {
        margin-left: 0px;
    }

    .panel-four {
        margin-right: 0px;
    }

    h1.title-one {
        margin-top: 75px;
    }

    h1.title-two {
        margin-top: 75px;
    }

    h1.title-three {
        font-size: 32px;
        margin-top: 30px;
    }

    h1.title-four {
        margin-top: 8%;
        font-size: 32px;
    }

    a#button2 {
        margin-top: 10%;
    }

    a#button3 {
        margin-left: 5px;
    }

    img.esc {
        width: 50%;
        margin-left: 20%;
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    h1.title-one {
        margin-top: 70px;
        font-size: 18px;
    }

    h1.title-two {
        font-size: 18px;
        margin-top: 75px !important;
    }

    h1.title-three {
        font-size: 18px;
        margin-top: 50px;
    }

    h1.title-four {
        font-size: 18px;
        margin-top: 18% !important;
    }
}

@media only screen and (max-width: 1232px) {
    .panel-three {
        margin-left: 0px;
    }

    .panel-four {
        margin-right: 0px;
    }

    img.job-hub {
        mix-blend-mode: multiply;
        margin-left: -5%;
    }

    h1.title-one {
        text-align: center;
    }

    a.apprenticeship-link {
        margin-left: 13%;
    }

    h1.title-three {
        font-size: 18px;
        margin-top: 40px;
        width: 99%;
        text-align: center;
    }

    img.esc {
        width: 50%;
        margin-left: 24%;
    }

    h1.title-four {
        font-size: 18px;
        margin-top: 58% !important;
        text-align: center;
    }

    p#employers {
        text-align: center;
    }
}

@media (min-width:1026px) and (max-width:1232px) {
    h1.title-four {
        font-size: 18px;
        margin-top: 16% !important;
        text-align: center;
    }
}

@media only screen and (max-width: 1024px) {
    .camden-navbar-container {
        width: 1050px;
    }

    a#button1 {
        width: 35%;
    }

    a#button2 {
        margin-top: 12%;
    }

    h1.title-one {
        margin-top: 40px;
        font-size: 18px;
    }

    h1.title-two {
        font-size: 18px;
        margin-top: 44px;
    }

    h1.title-three {
        font-size: 18px;
        margin-top: 15px;
    }

    h1.title-four {
        font-size: 18px;
        margin-top: 6% !important;
    }
    h1.title-five {
        margin-top: 40px;
        font-size: 18px;
        text-align: center;
    }
    a#button4 {
        margin-top: 8%;
    }

    p#employers {
        font-size: 14px !important;
    }

    img.job-hub {
        width: 100%;
    }

    a.apprenticeship-link {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 992px) {
    a#btn1 {
        margin-top: 0% !important;
    }

    a#btn2 {
        margin-top: 0% !important;
    }

    .panel-two {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .camden-navbar-container {
        width: 780px;
    }

    a#button1 {
        margin-left: 2%;
    }

    .text-block {
        font-size: 14px !important;
    }

    img.homepage-image {
        width: 85%;
        margin-left: 5%;
    }

    img.homepage-image-two {
        width: 82%;
        margin-left: 9%;
        padding-top: 30px;
    }

    h1.title-one {
        padding-left: 0px;
        font-size: 24px;
    }

    p#trainingOne {
        margin-left: 0%;
        padding-left: 35px;
    }

    h1.title-two {
        font-size: 24px;
        margin-left: -3%;
        padding-top: 20px;
        text-align: center;
    }

    h1.title-three {
        font-size: 24px;
    }

    h1.title-four {
        font-size: 24px;
        margin-top: 0% !important;
    }
    .panel-two {
        margin-top: 0px;
    }

    .panel-three {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

    .panel-four {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

    div#column {
        padding-left: 50px !important;
    }

    img.apprenticeships {
        margin-left: 27%;
        width: 50% !important;
    }

    p#employersOne {
        margin-left: 5%;
    }

    a#button2 {
        width: 35%;
        margin-left: 2%;
        margin-top: 10%;
    }

    .navbar-default .navbar-toggle {
        height: 66px !important;
    }
    h1.title-one a {
        font-size: 14px;
    }
    img.job-hub {
        mix-blend-mode: multiply;
        margin-left: 5%;
        width: 100% !important;
    }
    img.apprenticeships {
        margin-left: 10%;
        width: 100% !important;
    }
    img.esc {
        width: 25%;
        margin-left: 38%;
    }
    img.esc {
        width: 100%;
        margin-left: 0%;
    }

    img.employers-icon {
        width: 100%;
        margin-left: 0%;
        margin-top: 0%;
    }
    h1.title-two a {
        font-size: 14px;
        margin-left: 0%;
    }
    h1.title-three {
        font-size: 14px;
    }
    h1.title-four a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 426px) {
    img.apprenticeships {
        width: 100% !important;
        mix-blend-mode: multiply;
        margin-left: 0%;
    }

    img.job-hub {
        mix-blend-mode: multiply;
        margin-left: 10%;
        width: 80% !important;
    }

    img.esc {
        width: 40%;
        margin-left: 30%;
    }

    h1.title-two {
        margin-left: 0%;
        margin-top: 20px;
    }

    img.employers-icon {
        width: 40%;
        margin-left: 30%;
        margin-top: 0%;
    }

    h1.title-four {
        font-size: 24px;
        margin-top: 0% !important;
    }
    .panel-two {
        margin-top: 30px;
    }
    .panel-three {
        margin-top: 30px;
    }
    .panel-four{
        margin-top: 30px;
    }
    
}

@media only screen and (max-width: 425px) {
    .camden-navbar-container {
        width: 100%;
    }

    h1.title {
        display: none;
    }

    p {
        width: 100% !important;
    }

    img.apprenticeships {
        width: 100% !important;
        mix-blend-mode: multiply;
        margin-left: 0%;
    }

    a#button1 {
        width: 50%;
        margin-bottom: 20px;
        height: 55px;
        margin-left: 0%;
    }

    a#button2 {
        width: 50%;
        margin-left: 0%;
    }

    img.homepage-image {
        width: 93%;
        margin-left: 0%;
    }

    h1.title-one {
        padding-left: 0px;
    }

    h1.title-two {
        margin-left: 0%;
    }

    p#trainingOne {
        margin-left: 0%;
        padding-left: 0px;
    }

    p#employersOne {
        margin-left: 0%;
    }

    p#employersOne {
        margin-left: 0%;
        padding-bottom: 0px;
    }

    p.text-one {
        font-size: 14px !important;
        margin-left: 8px;
    }

    img.job-hub {
        mix-blend-mode: multiply;
        margin-left: 10%;
        width: 80% !important;
    }

    img.esc {
        width: 40%;
        margin-left: 30%;
    }

    h1.title-two {
        margin-left: 0%;
        margin-top: 20px;
    }

    img.employers-icon {
        width: 40%;
        margin-left: 30%;
        margin-top: 0%;
    }
}

@media only screen and (max-width: 412px) {
    img.job-hub {
        width: 45%;
        margin-left: 25%;
    }

    img.esc {
        width: 25%;
        margin-left: 35%;
    }
}

@media only screen and (max-width: 390px) {
    img.job-hub {
        margin-left: 11% !important;
    }

    img.esc {
        width: 50%;
        margin-left: 25%;
    }

    a#RegisterLink {
        margin-left: 7px;
        width: 27% !important;
    }
}

@media only screen and (max-width: 375px) {
    a#button1 {
        width: 55%;
        margin-bottom: 20px;
        height: 55px;
    }

    a#button2 {
        width: 50%;
        margin-left: 0%;
        height: 55px;
    }

    img.job-hub {
        width: 90%;
    }

    img.esc {
        width: 50%;
        margin-left: 25%;
    }
}

@media only screen and (max-width: 320px) {
    h1.title {
        display: none;
    }

    img.job-hub {
        width: 100%;
        margin-left: 2% !important;
    }

    a.apprenticeship-link {
        margin-left: 0%;
    }

    img.esc {
        width: 50%;
        margin-left: 26%;
    }

    p.text-one {
        font-size: 14px !important;
    }

    p.text-two {
        font-size: 14px !important;
    }

    .text-block {
        font-size: 18px !important;
    }

    h1.title-one {
        padding-left: 0px;
        font-size: 24px;
    }

    h1.title-two {
        font-size: 24px;
        margin-left: 1%;
        padding-top: 20px;
    }

    h1.title-three {
        font-size: 24px;
    }

    img.apprenticeships {
        width: 100%;
    }

    img.esc {
        width: 50%;
    }

    a#button1 {
        height: 55px;
        font-size: 18px;
    }

    a#button2 {
        height: 55px;
    }

    img.job-hub {
        width: 100%;
        margin-left: 10% !important;
    }

    a#RegisterLink {
        margin-left: 11px;
        width: 35% !important;
    }
}